
/* Document
   ========================================================================== */

/**
 * 添加字体 Google Noto Fonts - NotoSans 英文
 */

@font-face {
    font-family: NotoSans;
    src: url('font/NotoSans-Regular.ttf');
}

/**
 * 设定全局字体比例
 */

html {
    color: #34393E;
    font-size: 62.5%;
    font-family: 'NotoSans', 'sans-serif';
}

/**
 * 字体比例确定，细节完善
 */

body {
    background-color: #F4F5F5;
    padding: 0;
    margin: 0;
    font-size: 1.4rem;
    line-height: 1.5rem;
    letter-spacing: 1px;
}

/**
 * H系列标签规范
 */

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 10px 0;
    letter-spacing: 2px;
    font-weight: 500;
}

h1 {
    line-height: 3.0rem;
}

h2 {
    line-height: 2.3rem;
}

h3 {
    line-height: 1.8rem;
}

h4 {
    line-height: 1.5rem;
}

h5 {
    line-height: 1.4rem;
}

h6 {
    line-height: 1.3rem;
}

/**
 * 分割线重置
 */

hr {
    margin: 10px 0;
    border: none;
    border-top: 1px solid #dde;
}

/**
 * 超链接重置
 */

a {
    cursor: pointer;
    color: #00f;
    text-decoration: none;
}

/**
 * 超链接鼠标指定显示下划线
 */

a:hover {
    text-decoration: underline;
}

/**
 * P标签上下间距重置
 */

p {
    margin: 0;
    padding: 10px 0;
}

/**
 * 代码块样式美化
 */

pre {
    padding: 15px;
    border-radius: 3px;
    background-color: #F6F8FA;
    color: #333;
    font-size: 12px;
}

/**
 * markdown [>] 引用样式美化
 */

blockquote {
    margin: 10px 0;
    padding: 6px 30px;
    border-left: 3px solid #DFE2E5;
    color: #55595E;
}

/**
 * 文本框 placeholder 颜色
 */

::-webkit-input-placeholder{color: #ccc;}

/**
 * 按钮，文本框，文本域，统一样式重置，宽度默认100%
 */

button,
input,
textarea {
    outline: 0;
    padding: 5px 0px;
    border: 1px solid #dde;
    font-size: 13px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0);
}

/**
 * 按钮，文本框，文本域，点击后效果样式
 */

button:hover,
input:focus,
textarea:focus {
    border: 1px solid #888;
}

/**
 * 给按钮添加鼠标小手，和背景
 */

 button {
    cursor: pointer;
    background-color: #eee;
}

/**
 * 表格样式重置，宽度默认100%
 */

table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

/**
 * 表格细节，内容居中
 */

table th,
table td {
    padding: 6px 0;
    text-align: center;
    border: 1px solid #dde;
    color: #58595E;
}